<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>跳蚤市场</title>
		<link rel="stylesheet" href="css/main.css">
	</head>
	<body>
		<header>
			<div class="logo"><img src="img/logo.png"/></div>
			<form class="searchform">
				<input type="text" name="search" id="search">
				<input type="submit" value="搜索" id="button">
			</form>
			<div class="navigation">
				<a href="#">手机</a>&nbsp;&nbsp;|&nbsp;
				<a href="#">电脑</a>&nbsp;&nbsp;|&nbsp;
				<a href="#">旧书</a>&nbsp;&nbsp;|&nbsp;
				<a href="#">服装</a>
			</div>
			<nav>
				<div class="nav">
					<img src="img/tag.png" />
					<a href="#">商品分类</a>
				</div>
				<div class="tag">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">闲置数码</a></li>
						<li><a href="#">教材书籍</a></li>
						<li><a href="#">运动装备</a></li>
						<li><a href="#">鞋服配饰</a></li>
						<li><a href="#">日用家居</a></li>
					</ul>
				</div>
			</nav>
		</header>
	    <footer>
			<div class="navbar">
				<div class="link">
					<ul>
					    <li><a href="#">关于我们</a></li>
					    <li><a href="#">网站地图</a></li>
					    <li><a href="#">联系客服</a></li>
					    <li><a href="#">版权声明</a></li>
					</ul>
				</div>
				<div class="copyright">
					<p>Copyright&copy;大连电子学校</p>
				</div>
			</div>
		</footer>
	</body>
</html>
